*{
  margin:0;
  padding:0;
  list-style:none;
  text-decoration:none;
}
html{
  width:100%;
  height:100%;
  body{
    width:100%;
    height:100%;
  }
}
.header{
  position:fixed;
  z-index:99;
  top:0;
  width:100%;
  height:1rem;
  //background:url('../image/dh_bg.png') 0 0 no-repeat;
  border-bottom:1px solid #fff;
  background-size:100% 100%;
  .logo{
    float:left;
    width:5.31rem;
    height:0.66rem;
    cursor:pointer;
    padding-left:1.40rem;
    padding-top:0.34rem;
    margin-right:1.40rem;
    img{
      display:block;
      width:5.31rem;
      height:0.35rem;
    }
  }
  .navigation{
    float:left;
    width:7.50rem;
    height:1.00rem;
    line-height:1.20rem;
    font-size:0.22rem;
    color:#fff;
    .navigationItem{
      text-align:center;
      cursor:pointer;
      width:1.25rem;
      height:1.00rem;
      float:left;
    }
    .navigationItem.active{
      color:#ffff33;
    }
    .navigationItem:hover{
      background-color:#206cb9;
    }
  }
  .login{
    position:relative;
    width:1.20rem;
    height:0.62rem;
    text-indent:0.45rem;
    float:right;
    margin-right:1.15rem;
    padding-top:0.40rem;
    font-size:0.22rem;
    cursor:pointer;
    color:#fff;
    background:url('../image/dh_dl.png') 0 0.40rem no-repeat;
    background-size:32% 32%;
    .logout{
      position:absolute;
      display:none;
      width:1.20rem;
      height:0.50rem;
      top:0.30rem;
      opacity:0;
      line-height:0.50rem;
      text-align:center;
      font-size:0.22rem;
      color:#333;
      text-indent:0;
      background-color:#fff;
    }
  }
  .login:hover{
    background-color:#206cb9;
  }
}
.expand{
  position:relative;
  z-index:3;
  display:none;
  width:100%;
  padding-top:1.00rem;
  .slogan{
    width:100%;
  }
  .aboutUs{
    position:relative;
    width:100%;
    height:8.00rem;
    box-sizing:border-box;
    background-color:#fff;
    color:#333;
    padding-left:0.35rem;
    padding-top:0.35rem;
    .aboutUsBg1{
      position:absolute;
      z-index:0;
      left:0.35rem;
      top:0.35rem;
    }
    .aboutUsBg2{
      position:absolute;
      z-index:0;
      right:0;
      bottom:0.65rem;
    }
    .aboutUsTitle{
      position:relative;
      z-index:2;
      margin-left:2.60rem;
      margin-top:1.90rem;
      font-size:0.46rem;
    }
    .aboutUsContent{
      z-index:2;
      margin-left:2.60rem;
      margin-top:0.40rem;
      p{
        width:13.50rem;
        font-size:0.17rem;
        line-height:0.40rem;
        text-indent:0.36rem;
      }
    }
  }
  .footer{
    width:100%;
    height:9.54rem;
  }
}
.trunk-container{
  width:100%;
  height:100%;
  .swiper-slide{
    position:relative;
    width:100%;
    height:100%;
  }
  .slide1{
    background:url('../image/bg_sy.png') 0 0 no-repeat;
    background-size:100% 100%;
    .slide1Right{
      position:absolute;
      width:5.00rem;
      height:5.00rem;
      top:3.00rem;
      right:2.10rem;
      .slide1RightTop{
        position:relative;
        font-size:0.20rem;
        line-height:0.25rem;
        color:#fff;
        .slide1RightTopTips{
          display:block;
          cursor:pointer;
          position:absolute;
          font-size:0.20rem;
          right:0;
          bottom:0;
          color:#ccc;
        }
        .slide1RightTopTips:hover{
          text-decoration:underline;
        }
      }
      .slide1RightBottom{
        position:absolute;
        width:100%;
        height:3.80rem;
        box-sizing:border-box;
        margin-top:0.20rem;
        padding:0.20rem;
        background:url('../image/sy_bj.png') 0 0 no-repeat;
        background-size:100% 100%;
        .slide1RightBottom-slide{
          position:relative;
          width:100%;
          height:100%;
          font-size:0.20rem;
          color:#fff;
          img{
            display:block;
            width:100%;
            height:2.40rem;
          }
          p{
            width:100%;
            height:0.50rem;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            line-height:0.50rem;
          }
          .time{
            position:absolute;
            left:0;
            bottom:0;
          }
        }
        .slide1RightBottom-next, .slide1RightBottom-prev{
          position:absolute;
          left:4.56rem;
          top:3.56rem;
          width:0.24rem;
          height:0.24rem;
          border-radius:100%;
          color:#fff;
          font-size:0.18rem;
          text-align:center;
          line-height:0.24rem;
          background:none;
          background-color:rgba(204, 204, 204, .6);
        }
        .slide1RightBottom-prev{
          left:4.06rem;
        }
      }
    }
  }
  .slide2{
    background:url('../image/bg_ptdt.png') 0 0 no-repeat;
    background-size:100% 100%;
    .slide2Content{
      width:10.00rem;
      height:5.80rem;
      margin:0 auto;
      margin-top:2.00rem;
      .slide2ContentTop{
        width:100%;
        height:0.40rem;
        border-bottom:6px solid #05679a;
        background-color:#477da8;
        i{
          display:inline-block;
          float:left;
          margin-left:0.22rem;
          margin-top:0.09rem;
          width:0.24rem;
          height:0.22rem;
          background:url('../image/icon_ptdt.png') 0 0 no-repeat;
        }
        span{
          float:left;
          height:0.40rem;
          margin-left:0.20rem;
          line-height:0.40rem;
          font-size:0.22rem;
          color:#fff;
        }
        .more{
          display:block;
          float:right;
          padding:0.14rem 0.20rem;
        }
        .more:hover{
          cursor:pointer;
          background-color:#05679a;
        }
      }
      .slide2ContentMiddle{
        width:100%;
        display:flex;
        margin-top:0.12rem;
        .slide2ContentMiddleItem{
          position:relative;
          flex:1;
          height:2.20rem;
          box-sizing:border-box;
          background-color:rgba(255, 255, 255, 0.9);
          padding:0.18rem 0.18rem 0 0.18rem;
          margin-right:0.12rem;
          .label{
            position:absolute;
            top:0;
            right:0.28rem;
            width:50px;
            height:60px;
            color:#fff;
            box-sizing:border-box;
            padding:8px;
            font-size:15px;
            background:url('../image/label.png') 0 0 no-repeat;
            background-size:100% 100%;
          }
          img{
            width:100%;
            height:1.40rem;
          }
          p{
            position:absolute;
            margin:0 auto;
            left:0.43rem;
            bottom:0.08rem;
            width:2.40rem;
            line-height:0.25rem;
            text-align:center;
            font-size:0.17rem;
          }
        }
        .slide2ContentMiddleItem:last-child{
          margin-right:0;
        }
      }
      .slide2ContentBottom{
        display:flex;
        width:100%;
        height:2.80rem;
        box-sizing:border-box;
        padding:0.25rem;
        margin-top:0.12rem;
        background-color:rgba(255, 255, 255, 0.9);
        img{
          display:block;
          float:left;
          width:3.45rem;
          height:2.25rem;
        }
        .dynamicList{
          flex:1;
          height:2.28rem;
          overflow-y:scroll;
          margin-left:0.20rem;
          .dynamicItem{
            width:100%;
            height:0.38rem;
            line-height:0.38rem;
            color:#333;
            font-size:0.17rem;
            i{
              display:inline-block;
              float:left;
              width:0.04rem;
              height:0.04rem;
              margin-top:0.17rem;
              margin-right:0.17rem;
              border-radius:100%;
              background-color:#000;
            }
            span{
              display:inline-block;
              float:right;
              font-size:0.13rem;
              color:#888;
            }
          }
          .dynamicItem:hover{
            cursor:pointer;
            text-decoration:underline;
          }
        }
        .dynamicList::-webkit-scrollbar{
          width:0;
        }
      }
    }
  }
  .slide3{
    background:url('../image/bg_xmfb.png') 0 0 no-repeat;
    background-size:100% 100%;
    .slide3Content{
      width:10.00rem;
      height:5.80rem;
      margin:0 auto;
      margin-top:3.90rem;
      .slide3ContentTop{
        width:100%;
        height:0.40rem;
        border-bottom:6px solid #05679a;
        background-color:#477da8;
        i{
          display:inline-block;
          float:left;
          margin-left:0.22rem;
          margin-top:0.09rem;
          width:0.24rem;
          height:0.22rem;
          background:url('../image/icon_xxfb.png') 0 0 no-repeat;
          background-size:100% 100%;
        }
        span{
          float:left;
          height:0.40rem;
          margin-left:0.20rem;
          line-height:0.40rem;
          font-size:0.22rem;
          color:#fff;
        }
        .more{
          display:block;
          float:right;
          padding:0.14rem 0.20rem;
        }
        .more:hover{
          cursor:pointer;
          background-color:#05679a;
        }
      }
      .slide3ContentBottom{
        width:100%;
        height:2.90rem;
        box-sizing:border-box;
        padding:0.30rem;
        background-color:rgba(255, 255, 255, 0.9);
        li{
          width:50%;
          height:0.38rem;
          float:left;
          line-height:0.38rem;
          color:#333;
          font-size:0.17rem;
          white-space:nowrap;
          overflow:hidden;
          text-overflow:ellipsis;
          span{
            display:inline-block;
            float:left;
            margin-right:0.20rem;
            font-size:0.13rem;
            color:#888;
          }
          i{
            display:inline-block;
            float:left;
            width:0.04rem;
            height:0.04rem;
            margin-top:0.17rem;
            margin-right:0.08rem;
            border-radius:100%;
            background-color:#000;
          }
        }
        li:hover{
          cursor:pointer;
          text-decoration:underline;
        }
      }
    }
  }
  .slide4{
    background:url('../image/bg_qwjd.png') 0 0 no-repeat;
    background-size:100% 100%;
    .slide4Content{
      width:10.00rem;
      height:5.80rem;
      margin:0 auto;
      margin-top:3.90rem;
      .slide4ContentTop{
        width:100%;
        height:0.40rem;
        border-bottom:6px solid #05679a;
        background-color:#477da8;
        i{
          display:inline-block;
          float:left;
          margin-left:0.22rem;
          margin-top:0.09rem;
          width:0.24rem;
          height:0.22rem;
          background:url('../image/icon_qwjd.png') 0 0 no-repeat;
          background-size:100% 100%;
        }
        span{
          float:left;
          height:0.40rem;
          margin-left:0.20rem;
          line-height:0.40rem;
          font-size:0.22rem;
          color:#fff;
        }
        .more{
          display:block;
          float:right;
          padding:0.14rem 0.20rem;
        }
        .more:hover{
          cursor:pointer;
          background-color:#05679a;
        }
      }
      .slide4ContentBottom{
        display:flex;
        width:100%;
        height:2.90rem;
        box-sizing:border-box;
        padding:0.24rem;
        background-color:rgba(255, 255, 255, 0.9);
        .slide4ContentBottomLeft{
          position:relative;
          width:3.90rem;
          height:100%;
          margin-right:0.40rem;
          img{
            display:block;
            width:100%;
            height:2.10rem;
          }
          p{
            text-indent:0.24rem;
            height:0.43rem;
            line-height:0.43rem;
            font-size:0.20rem;
            color:#333333;
            letter-spacing:0.02rem;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
          }
          .slide4ContentBottomLeft-pagination{
            margin-left:83%;
            width:20%;
            .swiper-pagination-bullet{
              opacity:1;
              background-color:#e1e9f4;
            }
            .swiper-pagination-bullet-active{
              background-color:#359ed7;
            }
          }
        }
        .slide4ContentBottomRight{
          flex:1;
          height:100%;
          overflow-y:scroll;
          box-sizing:border-box;
          padding:0 0.10rem;
          .slide4ContentBottomRightItem{
            margin-bottom:0.10rem;
            padding-bottom:0.10rem;
            border-bottom:1px solid #ccc;
            .title{
              height:0.30rem;
              line-height:0.30rem;
              font-size:0.20rem;
              letter-spacing:0.02rem;
              white-space:nowrap;
              overflow:hidden;
              text-overflow:ellipsis;
              margin-bottom:0.05rem;
            }
            .title:hover{
              cursor:pointer;
              text-decoration:underline;
            }
            .content{
              line-height:0.25rem;
              font-size:0.15rem;
            }
          }
          .slide4ContentBottomRightItem:last-child{
            border:0;
          }
        }
      }
    }
  }
  .slide5{
    background:url('../image/bg_xmts.png') 0 0 no-repeat;
    background-size:100% 100%;
    .slide5Content{
      width:8.60rem;
      height:7.90rem;
      margin:0 auto;
      margin-top:1.26rem;
      .slide5ContentTop{
        width:100%;
        height:0.40rem;
        border-bottom:6px solid #05679a;
        //background-color:rgba(5, 103, 154, 0.7);
        background-color:#477da8;
        margin-bottom:0.08rem;
        i{
          display:inline-block;
          float:left;
          margin-left:0.22rem;
          margin-top:0.09rem;
          width:0.24rem;
          height:0.22rem;
          background:url('../image/icon_xmts.png') 0 0 no-repeat;
          background-size:100% 100%;
        }
        span{
          float:left;
          height:0.40rem;
          margin-left:0.20rem;
          line-height:0.40rem;
          font-size:0.22rem;
          color:#fff;
        }
        .more{
          display:block;
          float:right;
          padding:0.14rem 0.20rem;
        }
        .more:hover{
          cursor:pointer;
          background-color:#05679a;
        }
      }
      .slide5ContentMiddle{
        width:100%;
        height:1.20rem;
        box-sizing:border-box;
        line-height:0.34rem;
        font-size:0.17rem;
        padding:0.15rem;
        margin-bottom:0.08rem;
        background-color:rgba(255, 255, 255, 0.9);
      }
      .slide5ContentBottom{
        width:100%;
        height:5.70rem;
        box-sizing:border-box;
        line-height:0.24rem;
        font-size:0.16rem;
        padding:0.18rem;
        background-color:rgba(255, 255, 255, 0.9);
        p{
          font-size:0.14rem;
          text-indent:0.30rem;
        }
        .title{
          text-align:center;
          font-size:0.20rem;
          width:100%;
          height:0.40rem;
          line-height:0.30rem;
        }
        .imageList{
          width:100%;
          margin-top:0.15rem;
          height:1.32rem;
          img{
            display:block;
            float:left;
            width:1.32rem;
            margin-right:0.06rem;
          }
          img:last-child{
            margin-right:0;
          }
        }
      }
    }
  }
  .slide6{
    background-color:#f5f5f5;
    img:nth-child(1){
      position:absolute;
      display:block;
      width:6.17rem;
      height:6.16rem;
      left:3.40rem;
      top:2.00rem;
    }
    img:nth-child(2){
      position:absolute;
      display:block;
      width:0.86rem;
      height:1.29rem;
      left:10.30rem;
      top:3.00rem;
    }
    .slide6Content{
      position:absolute;
      width:6.00rem;
      line-height:0.40rem;
      right:2.80rem;
      top:4.50rem;
      font-size:0.16rem;
    }
  }
  .slideBottom{
    position:absolute;
    z-index:97;
    bottom:0;
    width:100%;
    height:0.40rem;
    line-height:0.40rem;
    text-align:center;
    font-size:0.16rem;
    color:#999;
    background-color:rgba(60, 63, 65, .7);
  }
  .trunk-pagination{
    margin-right:0.50rem;
    .swiper-pagination-bullet{
      opacity:1;
      width:0.20rem;
      height:0.20rem;
      margin:0.30rem;
      border-radius:100%;
      background-color:#e1e9f4;
      box-shadow:0.02rem 0.02rem 0.05rem #888888;
    }
    .swiper-pagination-bullet-active{
      background-color:#359ed7;
    }
  }
  .captcha{
    position:absolute;
    z-index:2;
    right:0.52rem;
    bottom:2.00rem;
    width:0.91rem;
    height:1.02rem;
    box-sizing:border-box;
    padding:0 0.03rem 0.03rem 0.03rem;
    background:url('../image/ewm.png') 0 0 no-repeat;
    background-size:100% 100%;
    img{
      display:block;
      width:0.85rem;
      height:0.85rem;
      margin-top:0.14rem;
    }
  }
}
.moreList{
  display:none;
  position:relative;
  z-index:3;
  width:100%;
  height:100%;
  background-size:100% 100%;
  background:url('../image/bg_lb.png') 0 0 no-repeat;
  background-size:100% 100%;
  .moreListLeft{
    position:absolute;
    left:4.20rem;
    top:1.40rem;
    width:1.86rem;
    height:3.00rem;
    box-sizing:border-box;
    padding:0.30rem;
    background-size:100% 100%;
    background:url('../image/bg_letf.png') 0 0 no-repeat;
    background-size:100% 100%;
    img{
      display:block;
      width:0.55rem;
      height:0.55rem;
      margin:0 auto;
    }
    ul{
      margin-top:0.30rem;
      .moreListLeftItem{
        color:#fff;
        width:100%;
        height:0.40rem;
        line-height:0.40rem;
        text-align:center;
        font-size:0.18rem;
        border-bottom:1px solid #ccc;
      }
      .moreListLeftItem:last-child{
        border:0;
      }
      .moreListLeftItem.active{
        color:#ffff33;
      }
      .moreListLeftItem:hover{
        cursor:pointer;
        background-color:#206cb9;
      }
    }
  }
  .moreListRight{
    position:absolute;
    z-index:3;
    width:9.00rem;
    height:7.50rem;
    top:1.40rem;
    left:6.06rem;
    background-color:#fff;
    .moreListRightTop{
      position:relative;
      width:100%;
      height:6.70rem;
      box-sizing:border-box;
      padding:0.30rem;
      .moreListRightTopItem{
        display:none;
        position:relative;
        width:100%;
        left:0;
        top:0;
        .title{
          height:0.50rem;
          box-sizing:border-box;
          line-height:0.50rem;
          border-bottom:2px solid #bcbcbc;
          .titleText{
            float:left;
            width:1.75rem;
            line-height:0.50rem;
            box-sizing:border-box;
            text-align:center;
            font-size:0.24rem;
            height:100%;
            border-bottom:2px solid #bcbcbc;
          }
          .tips{
            display:block;
            float:right;
            color:#bcbcbc;
            line-height:0.70rem;
            font-size:0.12rem;
            span:hover{
              cursor:pointer;
              text-decoration:underline;
            }
          }
        }
        .content{
          margin-top:0.36rem;
          width:100%;
          overflow-y:scroll;
          .contentItem{
            width:100%;
            height:0.50rem;
            font-size:0.18rem;
            line-height:0.50rem;
            border-bottom:1px solid #bcbcbc;
            img{
              display:block;
              width:0.22rem;
              height:0.22rem;
              float:left;
              margin-left:0.24rem;
              margin-top:0.14rem;
              margin-right:0.25rem;
            }
            .time{
              display:inline-block;
              float:left;
              font-size:0.14rem;
              color:#bcbcbc;
              margin-right:0.30rem;
            }
            i{
              display:inline-block;
              float:left;
              width:0.04rem;
              height:0.04rem;
              margin-top:0.23rem;
              margin-right:0.08rem;
              border-radius:100%;
              background-color:#000;
            }
          }
          .contentItem:last-child{
            border:0;
          }
          .contentItem:hover{
            cursor:pointer;
            text-decoration:underline;
          }
        }
        .content::-webkit-scrollbar{
          width:0;
        }
      }
      .moreListRightTopItem.active{
        display:block;
      }
    }
    .moreListRightBottom{
      width:100%;
      height:0.80rem;
      background-color:#f6f6f6;
      ul{
        width:4.50rem;
        height:0.40rem;
        margin:0 auto;
        padding-top:0.20rem;
        li{
          float:left;
          width:0.40rem;
          height:0.40rem;
          line-height:0.40rem;
          text-align:center;
          font-size:0.14rem;
          margin-right:0.10rem;
          background-color:#fff;
          border-radius:2px;
        }
        li.active{
          color:#fff;
          background-color:#4a81aa;
        }
        li:hover{
          cursor:pointer;
          color:#fff;
          background-color:#4a81aa;
        }
      }
    }
  }
  .moreListContent{
    display:none;
    position:absolute;
    z-index:4;
    width:9.00rem;
    height:7.50rem;
    box-sizing:border-box;
    top:1.40rem;
    left:6.06rem;
    background-color:#fff;
    .moreListContentTop{
      position:relative;
      width:100%;
      height:0.80rem;
      box-sizing:border-box;
      padding:0.30rem 0.30rem 0 0.30rem;
      .title{
        height:0.50rem;
        box-sizing:border-box;
        line-height:0.50rem;
        border-bottom:2px solid #bcbcbc;
        .titleText{
          float:left;
          width:1.75rem;
          line-height:0.50rem;
          box-sizing:border-box;
          text-align:center;
          font-size:0.24rem;
          height:100%;
          border-bottom:2px solid #bcbcbc;
        }
        .tips{
          display:block;
          float:right;
          color:#bcbcbc;
          line-height:0.70rem;
          font-size:0.12rem;
          span:hover{
            cursor:pointer;
            text-decoration:underline;
          }
        }
      }
    }
    .moreListContentBottom{
      width:100%;
      height:6.00rem;
      box-sizing:border-box;
      padding:0.20rem;
      overflow-y:scroll;
      .articleHeader{
        width:100%;
        height:0.80rem;
        box-sizing:border-box;
        border-bottom:1px solid #bcbcbc;
        .articleMainTitle{
          width:100%;
          height:0.50rem;
          line-height:0.50rem;
          text-align:center;
          font-size:0.30rem;
        }
        .articleTime{
          width:100%;
          height:0.30rem;
          line-height:0.30rem;
          text-align:center;
          color:#ccc;
          font-size:0.13rem;
        }
      }
      .articleContent{
        width:100%;
        height:4.80rem;
        box-sizing:border-box;
        margin-top:0.20rem;
        img{
          display:block;
          width:4.70rem;
          height:2.70rem;
          margin:0 auto;
        }
        .articleSubTitle{
          width:4.20rem;
          height:0.56rem;
          line-height:0.28rem;
          text-align:center;
          margin:0 auto;
          margin-top:0.10rem;
          color:#ccc;
          font-size:0.15rem;
        }
        .articleText{
          font-size:0.15rem;
          line-height:0.36rem;
          p{
            text-indent:0.36rem;
          }
        }
      }
    }
  }
}

